<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>File Checker</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!--<link rel="stylesheet" media="screen,projection" type="text/css" href="css/reset.css" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />-->
<!--<link rel="stylesheet" media="screen,projection" type="text/css" href="css/2col.css" title="2col" />-->
<!--<link type="text/css" href="css/redmond/jquery-ui-1.7.1.custom.css" rel="stylesheet" />-->
<!--[if lte IE 6]><link rel="stylesheet" media="screen,projection" type="text/css" href="css/main-ie6.css" /><![endif]-->
<!--<link rel="stylesheet" media="screen,projection" type="text/css" href="css/style.css" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="css/mystyle.css" />-->

<script src="js/jquery.js" type="text/javascript"></script>


<!--<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
		<script src="js/jquery.easing.js" type="text/javascript"></script>
		<script src="js/jqueryFileTree.js" type="text/javascript"></script>
		<link href="css/jqueryFileTree.css" rel="stylesheet" type="text/css" media="screen" />-->

		  <!--<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
		  
                  <script type="text/javascript" src="js/jquery.json-2.2.js"></script>
                  <script type="text/javascript" src="js/jquery.ui.all.js"></script>-->
                  
                  
		<!--<script type="text/javascript" src="js/filechecker.js"></script>
		<script src="js/jquery.contextMenu.js" type="text/javascript"></script>
		<link href="css/jquery.contextMenu.css" rel="stylesheet" type="text/css" />-->
                <link rel="stylesheet" type="text/css" href="css/flexigrid/flexigrid.css">
                <script type="text/javascript" src="js/flexigrid.js"></script>     


</head>
<body>

          <table id="flex1" style="display:none"></table> 
 
<script>
    $("#flex1").flexigrid
			(
			{
			url: 'src/post2.php',
			dataType: 'json',
			colModel : [
				{display: 'ISO', name : 'iso', width : 40, sortable : true, align: 'center'},
				{display: 'Name', name : 'name', width : 180, sortable : true, align: 'left'},
				{display: 'Printable Name', name : 'printable_name', width : 120, sortable : true, align: 'left'},
				{display: 'ISO3', name : 'iso3', width : 130, sortable : true, align: 'left', hide: true},
				{display: 'Number Code', name : 'numcode', width : 80, sortable : true, align: 'right'}
				],
			searchitems : [
				{display: 'ISO', name : 'iso'},
				{display: 'Name', name : 'name', isdefault: true}
				],
			sortname: "iso",
			sortorder: "asc",
			usepager: true,
			title: 'Countries',
			useRp: true,
			rp: 15,
			showTableToggleBtn: true,
			width: 700,
			//onSubmit: addFormData,
			height: 200
			}
			);
</script>
</body>
</html>
